/*1、获取元素对象
 2、循环操作标签元素，添加鼠标移入事件
 3、鼠标移入事件
 4、循环判断是否是当前对象：隐藏/显示*/
//获取html元素，最上方的标签，下面对应的内容
var tabs=document.getElementsByClassName("tab-head-div");
var divs=document.getElementsByClassName('tab-body-div');
//给标签对象循环添加鼠标移入事件

for(var i=0;i<tabs.length;i++){
	tabs[i].onmouseover=function(){
		//循环判断哪个taba是当前鼠标移入对象
		for(var j=0;j<divs.length;j++){
			if(this==tabs[j]){
				//下面这句给元素添加了class名：curr
				//等同于css里设置的3条语句
				tabs[j].classList.add('current');
				divs[j].classList.add('current');
			}else{
				//去除元素的class名
				tabs[j].classList.remove('current');
				divs[j].classList.remove('current')
			}
		}
	};
}
